@import 'public.less';
html,body{
    background: @basebgcolor;
    height: 100%;
}
.error{
    padding-top: 5%;
    margin-left: 5%;
    img{
        .pxToRem(width,50);
        .pxToRem(height,50);
    }
}
.title{
    color: #fff;
    margin-top: 20%;
    .pxToRem(font-size,150);
    text-align: center;
}
.login{
    width: 100%;
    margin-top: 20%;
    text-align: center;
    img{
        width: 80%;
    }
}
.other_login{
    margin-top: 30%;
    color: #9c96a2;
    text-align: center;
}
.login_logo{
    display: flex;
    padding: 0 10%;
    margin-top: 10%;
    li{
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        figure{
            width:80%;
            img{
                width: 100%;
            }
        }
    }
}
.footer{
   padding-bottom: 5%;
   margin-top: 30%;
    width: 100%;
    text-align: center;
    a{
        color: #9c96a2;
    }
}